@media only screen and (max-width:1240px){.channel-content{padding:40px 0}
.common-content{padding:0 8%}
.common-title{padding-bottom:30px;font-size:28px}
.common-line{margin:0 auto 7px}
.mwrap,.wrap{width:1060px}
.index-s2{margin-top:40px}
.index-s2 .left_box .infor .con{font-size:36px;line-height:45px}
.index-s2 .box .left_box .list li{width:160px}
.index-s2 .box .left_box .list a{font-size:14px}
.index-s2 .box .right_box li .text_box{padding-right:100px}
.index-s3{padding:40px 0}
.index-s3 .right ul .time_box{margin-bottom:10px}
.index-s3 .right ul .title{margin-bottom:10px}
.header_nav .mobile_key{display:block}
.header_nav .nav_m{display:none}
.index-banner .swiper-slide{height:540px}
.footer .foot_part1 dl.dl02,.footer .foot_part1 dl.dl03,.footer .foot_part1 dl.dl04{width:14%}
.footer .foot_part1 dl.dl05{width:32%}
.pic-tabs .tabs-bd .content{margin-left:-20px}
.pic-tabs .tabs-bd .content .img{margin-left:20px;width:318px}
.history .tab_c .ul_box .li_t .tit_right li.fixed,.history .tab_c .ul_box .li_t .tit_right li.normal{padding-left:20px}
.history .tab_c .ul_box .li_c .tab_linear{left:-12px}
.route .starting{
        width: 100%;
        height: auto;
        background: none;
    }

    .route .starting .starting_list,
    .route .starting .starting_list.starting_01 .font,
    .route .starting .starting_list.starting_02 .font,
    .route .starting .starting_list.starting_03 .font,
    .route .starting .starting_list.starting_04 .font{
        position: static;
    }

    .route .starting .starting_list{
        width: 100%;
        margin: 30px 0;
    }

    .route .starting .starting_list.starting_01 .font,
    .route .starting .starting_list.starting_02 .font,
    .route .starting .starting_list.starting_03 .font,
    .route .starting .starting_list.starting_04 .font{
        display: block;
        float: right;
        width: 80%;
        margin-left: 0;
        margin-right: 0;
        font-size: 14px;
        line-height: 1.8em;
        padding-top: 0;
    }

    .route .starting .starting_list:after,
    .route .starting .starting_list:before{
        display: block;
        height: 0;
        content: "";
        visibility: hidden;
        clear: both;
    }

    .route .starting .starting_list.starting_01 .pic,
    .route .starting .starting_list.starting_03 .pic{
        float: left;
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
	
	.route .starting .starting_list.starting_02 .pic,
	.route .starting .starting_list.starting_04 .pic{
	    width: 60px;
	    height: 60px;
	    line-height: 60px;
	}
	
    .route .starting .starting_list .pic{
        border-width: 2px;
        box-sizing: border-box;
        line-height: 88px;
    }

    .route .route_summary{
        font-size: 24px;
        line-height: 1.8em;
    }
	.route .starting .starting_list .pic img{
		width: 40px;
	}
}
@media only screen and (max-width:992px){.mwrap,.wrap{width:740px}
.index-banner .swiper-slide{height:420px}
.index-s2 .left_box .infor .con{font-size:24px;line-height:35px}
.index-s2 .box .left_box .list i{display:inline-block;vertical-align:middle;line-height:1}
.index-s2 .box .left_box .list li{width:200px}
.index-s3 .right{margin-top:30px;width:100%}
.index-s3 .left{width:100%}
.footer{padding-top:0}
.footer .foot_part1,.footer .foot_part2{display:none}
.index-s2 .box .right_box .li1:before,.index-s2 .box .right_box .li2:before,.index-s2 .box .right_box .li3:before,.index-s2 .box .right_box .li4:before{background-image:none}
.index-s2 .box .right_box li .text_box{margin-top:20px;margin-bottom:20px;padding-right:30px;padding-left:30px}
.about02 .wrap{padding-right:2%;padding-left:2%;width:auto}
.pic-tabs .tabs-bd .content{margin-left:-2%}
.pic-tabs .tabs-bd .content .img{box-sizing:border-box;margin-left:2%;width:48%}
.pic-tabs .tab-hd a{margin:0 10px;padding:8px 20px;font-size:16px}
.history .tab_c .ul_box .li_t .tit_right li.fixed,.history .tab_c .ul_box .li_t .tit_right li.normal{margin-right:96px;padding-left:0;width:280px}
.history .tab_c .ul_box .li_c .tab_linear{left:-32px}
.news_view .news_left{width:100%;height:auto}
.news_view .news_right{display:none}
.news_view{margin:30px 0;height:auto}
.news_list .content li .date{width:10%}
.news_list .content li .infor{width:75%}
.news-left{padding-right:0}
.news-right{display:none}
.news_read .read_container p img{max-width:100%}
.contact_us_main .content {
    padding: 0;
}
.contact_us_main .content .item{margin:25px 0 25px 0;padding:0 30px;width:100%}
 .recruit_list a{
        font-size: 24px;
    }

    .recruit_list a:first-child{
        margin-left: 0;
    }
    .recruit_container{
        margin-top: 30px;
    }

    .recruit_list{
        top: 60px;
    }

    .recruit_container ul li div.clearfix p{
        display: none;
        font-size: 14px;
    }
    
    .recruit_container ul li div.clearfix p.position{
        display: block;
        width: 80%;
    }

    .recruit_container ul li div.slide{
        padding: 28px 0;
    }
    .recruit_container ul li div.slide p{
        font-size: 14px;
        line-height: 1.8em;
    }
	.recruit_container ul li{
		background-size: 20px;
	}
	.HSE01 .content .item{width:100%; margin-right:0; margin-bottom:30px;}
	    .HSE01 .content .item .infor .con li{line-height:36px;}
	    .HSE02{margin-top:30px;}
	    .HSE02 .left{width:57%;}
	    .HSE02 .left .l_box{padding-left:3%;}
	    .HSE04 .content .item li{width:25%;}
	    .HSE04 .content .item.item02 li{width:25%;}
	.case01 ul li .left .l_box{
		padding: 30px 30px 10px 30px;
	}
	.case01 ul li .left .l_box .con.d {
	    height: auto;
	}
}
@media only screen and (max-width:760px){.common-content{padding:0 6%}
.common-title{padding-bottom:30px;font-size:24px}
.common-line{margin:0 auto 7px}
.mwrap,.wrap{padding-right:15px;padding-left:15px;width:auto}
.header_nav .nav_box{height:60px}
.header_nav{height:60px}
.index-banner{margin-bottom:40px;padding-top:60px}
.header_nav .logo{margin-top:14px}
.header_nav .logo img{width:auto;height:32px}
.header_nav .nav_s{padding-top:20px}
.header_nav .mobile_key{padding-top:10px}
.gotop{right:0;bottom:30px;width:20px;height:20px;border-radius:0}
.index-banner .swiper-slide{height:auto}
.index-banner .swiper-button-next,.index-banner .swiper-button-prev{margin-top:0;background-size:14px}
.index-s2 .left_box{margin-top:20px;width:100%}
.index-s2 .box .right_box{position:relative;width:100%;background:0 0}
.index-s2 .bg1,.index-s2 .bg2,.index-s2 .bg3,.index-s2 .bg4{background: url(../img/ssbg0.jpg) center center no-repeat;background-size:cover;}
.index-s2 .box .right_box li .icon{display:none}
.index-s2 .box{height:auto}
.index-s2 .box .right_box{position:relative;width:100%;background:0 0}
.index-s2 .box .right_box li{height:auto}
.index-s2 .box .left_box .list li{box-sizing:border-box;margin-right:0;padding:0 10px;width:50%}
.index-s2 .box .right_box li .d{display:block}
.index-s2 .box .right_box li{overflow:auto;margin-bottom:20px;background:rgba(255,255,255,.7)}
.index-s2 .box .right_box li .t{color:#ea5514;font-weight:400!important}
.index-s2 .box .right_box li::before{background:0 0}
.index-s2 .left_box .infor{margin-bottom:30px;color:#fff}
.index-s2 .box .left_box .list i{display:block;line-height:1.6}
.index-s4 .content .swiper-buttons .swiper-button-next{right:15px}
.index-s4 .content .swiper-buttons .swiper-button-prev{left:15px}
.index-banner .swiper-pagination-bullet{width: 8px;height: 8px;}
.footer .foot_part3 .s{margin-bottom:2%;line-height:1.6}
.footer .foot_part3 .foot_a{float:left;font-size:12px}
.footer .foot_part1,.footer .foot_part2{display:block;padding:30px 0}
.footer .foot_part2{padding:10px 0}
.footer .foot_part1 .last,.footer .foot_part1 dl.dl01,.footer .foot_part1 dl.dl02,.footer .foot_part1 dl.dl03,.footer .foot_part1 dl.dl04{display:none}
.footer .foot_part1 dl.dl05{width:100%}
.footer .foot_part2 dl{margin-bottom:10px;width:100%}
.footer .foot_part1 dl dt{margin-bottom:12px;font-size:18px}
.footer .foot_part1 dl dt .lin{margin-bottom:15px}
.header_nav .nav_s .search .dropdown_search{position:fixed;top:80px;right:inherit;left:50%;margin-left:-150px;min-width:300px}
.page_banner{height:200px}
.page_banner .pic img{margin-left: -600px;width: 1100px;}
.page_banner-wrap{padding-top:60px}
.page_menu .menu_list{display:none}
.about02 .wrap{padding-right:2%;padding-left:2%;width:auto}
.about02 .infor .tit{font-size:24px}
.about02 .content>.row>.span-6{width:99%}
.about{padding-bottom:0}
.about02{padding:30px 0 57px}
.about02 li .li_box .add i{font-size:72px}
.about02 li .li_box .t{font-size:24px}
.about01 .content li:after{background:0 0}
.pic-4model .content .item{width:100%}
.pic-4model .content .item.even,.pic-4model .content .item.odd{margin-right:0;margin-left:0}
.pic-tabs .tabs-bd .content{margin-left:0}
.pic-tabs .tabs-bd .content .img{box-sizing:border-box;margin-bottom:20px;margin-left:0;width:100%}
.pd50-100{padding-top:30px;padding-bottom:30px}
.pic-tabs .tab-hd a{margin:0 15px;margin-bottom:15px;padding:5px 12px;font-size:16px}
.pic-tabs .tab-hd{margin-bottom:20px}
.cn_value .value_slide ._img{width:100%}
.cn_value .value_slide .item .font_box{position:static;box-sizing:border-box;padding:20px 30px;width:100%}
.cn_value .part_ul .part_content li{width:100%}
.cn_value .part_ul{margin-top:30px;padding-top:30px;background-size:cover}
.cn_value .part_ul .part_content li .box{border-right:0;border-bottom:1px solid rgba(255,255,255,.4)}
.cn_value .part_ul .part_content .box .p{padding-bottom:30px;height:auto}
.cn_value .part_ul .common-title{padding-bottom:30px}
.cn_value .part_ul .part_content .box h3{height:auto}
.cn-con .content li .left{width:100%}
.cn-con .content li .right{width:100%}
.cn-con .content li .left .left_box{padding: 20px;}
.cn-con .content li .left .left_box .con{height:auto}
.cn-con .content li .left .left_box .tit{font-size: 20px;}
.cn-con .content{margin-top: 0;}
.history{padding-top:5%}
.history .tab_c .ul_box .li_t{display:none}
.history .tab_c .ul_box .li_c{width:100%}
.history .tab_c .ul_box .ul_data .mobile_show{display:block}
.history .tab_c .ul_box .ul_data{padding:0 10%}
.history .tab_c .ul_box .ul_data li .h4 .circle{display:none}
.history .tab_c .ul_box .ul_data li .h4:after,.history .tab_c .ul_box .ul_data li .h4:before{display:none}
.history .tab_h,.history .tab_t_h{display:none}
.history .tab_c .ul_box .ul_data .mobile_show{padding-top:0;padding-bottom:5%}
.history .tab_c .ul_box .ul_data li{padding-top:30px}
.history .tab_c .ul_box .li_t .tit_right li .tit,.history .tab_c .ul_box .ul_data .mobile_show .tit{margin-top:20px;font-size:19px}
.news_view .news_left .pic,.news_view .news_left .pic img{height:auto}
.news{padding:30px 0 50px 0}
.news_list .content li a{padding:15px}
.news_list .content li .date .d{font-size:13px}
.news_list .content li .date{width:15%}
.news_list .content li .infor{width:75%}
.news_list .content li .infor .tit{padding-left:15px}
.news_list .content li .infor .con{padding-left:15px}
.cn-content{padding-top: 30px;}
.about01 .content{
	padding-top: 30px;
}

	
	.HSE{padding-bottom:0;}
	    .HSE01 .content{margin-top:20px;}
	    .HSE01 .content .item .img_{width:100%; padding-right:0; margin-bottom:20px;}
	    .HSE01 .content .item .infor{width:100%;}
	    .HSE01 .content .item .infor .con{height:auto;}
	    .HSE01 .content .box_bigimg .box_body .img_close{right:10px;}
	    .HSE01 .content .box_bigimg .box_body{width:400px;margin-left:-200px\9\0;}
	    .HSE02{margin-top:0;padding:25px 0;}
	    .HSE02 .content{margin-top:0;}
	    .HSE02 .left{width:100%; margin-bottom:20px;}
	    .HSE02 .right img{width: 80%;display: block;margin: 0 auto;}
	    .HSE02 .left .l_box .tit{margin-top:0;}
	    .HSE03{margin:25px 0;}
	    .HSE03 .content{margin-top:20px;}
		.HSE03 .content .img_{width: 50%;}
	    .HSE04{padding:20px 0 10px;}
	    .HSE04 .content .item .tit{font-size:18px; line-height:28px}
	    .HSE04 .content .item li{width:33.3%;}
	    .HSE04 .content .item li .txt{font-size:13px; height:110px; overflow:hidden;}
	    .HSE04 .content .item.item02 li{width:33.3%;}
	    .HSE04 .content .item.item02 li .txt{height:100px; overflow:hidden;}
		
		.video_cen .video_list .box li {
		    width: 100%;
		}
		.case{padding-bottom:0;}
		    .case01 .title{font-size:21px;}
		    .case01 ul{margin-top:25px;}
		    .case01 ul li{margin-bottom:30px;}
		    .case01 ul li .right{width:100%;}
		    .case01 ul li .left{width:100%;}
		    .case01 ul li .left .l_box .con{height: auto;}
			
			
			.index-s1 .about .fl {float: right;width: 100%;text-align: left;padding: 20px;box-sizing: border-box;}
			.index-s1 .about .common-line { margin-top: inherit; margin-right: inherit; margin-left: inherit; margin-bottom: 22px; }
			.index-s1 .about .fl .common-info { text-align: left; }
			.index-s1 .about .fl .common-content { padding: 0px; }
			.index-s1 .about .fr {position: relative;width: 100%;top: 0;}
			.about02 li .li_box{
				margin-bottom: 5px;
			}
}